<template>
  <div class="app">
    <h1>{{ msg }}</h1>
    <hr />
    <SchoolInfo />
    <StudentInfo />
  </div>
</template>

<script>
import StudentInfo from "./components/StudentInfo.vue";
import SchoolInfo from "./components/SchoolInfo.vue";
// 引入顺序决定样式重名覆盖，使用后引入的

export default {
  name: "App",
  data() {
    return {
      msg: "你好啊",
    };
  },
  components: { StudentInfo, SchoolInfo },
};
</script>
<style>
.app {
  background-color: gray;
  padding: 5px;
}
</style>
